<template>
	
		<view id='loginView' >
			
			<input class="uni-input" style='padding-left: 40px;' v-model="serviceIp" focus placeholder="请输入服务器IP" />
			
			<view id='inputContent' >
				
				<view class="contentZ" >
					<view  class="propertyBox">
					<a>账号:</a>
					<input v-model="username"  class="uni-input" focus placeholder="请输入账号" />
					</view>
				</view>
				<view class="contentZ" >
					<view  class="propertyBox">
					<a>密码:</a>
					<input v-model="password" class="uni-input" password type="text" placeholder="请输入密码" /></view>
				</view>
				
				
			</view>
			<button @click="loginFunction" type="primary" style="width: 100px;height: 50px;margin-top: 30px;">登录</button>
			<h3 style="margin-top: 60%;">-</h3>
			
		</view>


	
</template>

<script>
	export default {
		data() {
			return {
				username:'',
				password:'',
				serviceIp:''
			}
		},
		mounted(){
			
			this.serviceIp=uni.getStorageSync("serviceIp")
			
			if(uni.getStorageSync('user')!=''){
				uni.setStorageSync('serviceIp',this.serviceIp)
				
				console.log('触发登录方法');
				
				// #ifdef APP-PLUS
				console.log('触发App登录方法',uni.getStorageSync('serviceIp')+'/user/login');
				
				uni.request({
								url: uni.getStorageSync('serviceIp')+'/user/login',
								method:'POST',
								header: {
									
								},
								data:{
									userName:uni.getStorageSync('user').split('-')[0],
									password:uni.getStorageSync('user').split('-')[1]
								},
								//请求成功后返回
								success: (res) => {
									// 请求成功之后将数据给Info
									
									if(res.data.status){
										
										uni.setStorageSync('user',this.username+'-'+this.password+'-'+res.data.data.profession)
										
										
										//
										if(res.data.data.profession=='管理员'){
											
											uni.switchTab({
												url: 'teacherAdmin',
												success:(res)=> { 
												// #ifdef APP-PLUS
												let page = getCurrentPages().pop();  //跳转页面成功之后
												 if (!page) return;
												// page.loadData(); //如果页面存在，则重新刷新页面
												console.log("触发页面刷新");
												// #endif 
												}
											});
											
											
										}else if(res.data.data.profession=='学生'){
											
											uni.switchTab({
												url: 'checkCouse',
												success:(res)=> { 
												// #ifdef APP-PLUS
												let page = getCurrentPages().pop();  //跳转页面成功之后
												 if (!page) return;
												// page.loadData(); //如果页面存在，则重新刷新页面
												console.log("触发页面刷新");
												// #endif 
												}
											});
											
										}else if(res.data.data.profession=='老师'){
											
											uni.switchTab({
												url: 'createCouse',
												success:(res)=> { 
												// #ifdef APP-PLUS
												let page = getCurrentPages().pop();  //跳转页面成功之后
												 if (!page) return;
												// page.loadData(); //如果页面存在，则重新刷新页面
												console.log("触发页面刷新");
												// #endif 
												}
											});
											
										}
										
										
										
										uni.showToast({
											title: '登录成功!',
											//将值设置为 success 或者直接不用写icon这个参数
											icon: 'success',
											//显示持续时间为 2秒
											duration: 2000
										}) 
										
									}else{
										
										
										uni.showToast({
											title: '登录失败',
											//将值设置为 success 或者直接不用写icon这个参数
											icon: 'error',
											//显示持续时间为 2秒
											duration: 2000
										}) 
										
									}
									
								},
								fail:(res)=>{
									console.log("查看fail返回的信息,",res);
								}
							});
						
				// #endif 
			}
			
		},
		methods: {
			loginFunction(){
				
				
				uni.setStorageSync('serviceIp',this.serviceIp)
				
				console.log('触发登录方法');
				
				// #ifdef APP-PLUS
				console.log('触发App登录方法',uni.getStorageSync('serviceIp')+'/user/login');
				
				uni.request({
								url: uni.getStorageSync('serviceIp')+'/user/login',
								method:'POST',
								header: {
									
								},
								data:{
									userName:this.username,
									password:this.password
								},
								//请求成功后返回
								success: (res) => {
									// 请求成功之后将数据给Info
									
									if(res.data.status){
										
										uni.setStorageSync('user',this.username+'-'+this.password+'-'+res.data.data.profession)
										
										
										//
										if(res.data.data.profession=='admin'){
											
											uni.switchTab({
												url: 'teacherAdmin',
												success:(res)=> { 
												// #ifdef APP-PLUS
												let page = getCurrentPages().pop();  //跳转页面成功之后
												 if (!page) return;
												page.loadData(); //如果页面存在，则重新刷新页面
												console.log("触发页面刷新");
												// #endif 
												}
											});
											
											
										}else if(res.data.data.profession=='student'){
											
											uni.switchTab({
												url: 'punchCard',
												success:(res)=> { 
												// #ifdef APP-PLUS
												let page = getCurrentPages().pop();  //跳转页面成功之后
												 if (!page) return;
												// page.loadData(); //如果页面存在，则重新刷新页面
												console.log("触发页面刷新");
												// #endif 
												}
											});
											
										}else if(res.data.data.profession=='teacher'){
											
											uni.switchTab({
												url: 'createCouse',
												success:(res)=> { 
												// #ifdef APP-PLUS
												let page = getCurrentPages().pop();  //跳转页面成功之后
												 if (!page) return;
												// page.loadData(); //如果页面存在，则重新刷新页面
												console.log("触发页面刷新");
												// #endif 
												}
											});
											
										}
										
										
										
										uni.showToast({
											title: '登录成功!',
											//将值设置为 success 或者直接不用写icon这个参数
											icon: 'success',
											//显示持续时间为 2秒
											duration: 2000
										}) 
										
									}else{
										
										
										uni.showToast({
											title: '登录失败',
											//将值设置为 success 或者直接不用写icon这个参数
											icon: 'error',
											//显示持续时间为 2秒
											duration: 2000
										}) 
										
									}
									
								},
								fail:(res)=>{
									console.log("查看fail返回的信息,",res);
								}
							});
		
				// #endif 
				
			}
		}
	}
</script>

<style>

#loginView {
	width: 100%;
	height: 100%;
	
	background: url('../../static/th.jpg') no-repeat center center fixed;
	background-size: cover;
	box-sizing: border-box;
}


#inputContent {
	width: 100%;
	height: 30px;

	padding-left: 35%;
	padding-top: 50%;
	
}

.uni-input {
	Display: inline;

}

.contentZ {
	Display: inline;

}

	.propertyBox {
		flex-flow: row;
		justify-content: flex-start;
		display: flex;
	}

</style>
